var contScr , contLi , contLiActive , wrapCont , contIndex , contDel ;

function jqTabs() {
    function refEL(){
        // 选项卡
        contScr = $("#dataMenuRoot");   //父容器
        contLi = contScr.find("li"); // 选项卡
        contLiActive = contScr.find(".active"); //被激活的选项卡
        contDel = contScr.find("li .del"); //删除 x 号

        //选项卡对应的内容
        wrapCont = $("#mainData"); //父容器
        contIndex = wrapCont.find(".cont-index"); //内容容器
    }

    refEL();

    contScr.on("click" , 'li' , function () {
        refEL();
        var _this = $(this);

        _this.addClass("active").siblings(_this).removeClass('active');
        contIndex.eq(_this.index()).addClass('active').siblings().removeClass('active');
        contIndex.eq(_this.index()).css("display" , 'block').siblings().css("display" , 'none');
    });

    contDel.on("click" , function () {
        refEL();

        var _this = $(this);
        var parLi = _this.parent().parent().attr("id");

        var idStr = "cont_" + parLi.split("_")[1] + "_end";

        console.log(parLi);
        parLi = document.getElementById(parLi);
        $(parLi).remove();

        idStr = document.getElementById(idStr);
        $(idStr).remove();
        $("#cont_homePage_end").addClass("active");
        $("#cont_homePage_end").css("display" , 'block').siblings().css("display" , 'none');
    });
}

/**
 * 左侧菜单栏 打开选项卡 的跳转
 * @param btn
 */
function js_menuJump(btn) {
    // 获取 btn 的父元素 id 值，并解密
    var jumpMsg = $(btn).siblings("input").val();
    // 解密后的信息
    var jumpMsgDecode = JSON.parse($.encrypt.decode(jumpMsg));
    // 获取url
    var url = jumpMsgDecode.jumpAddress;
    // 获取 选项卡 显示名称
    var menuName = jumpMsgDecode.menuName;
    // ajax请求，获取请求页面信息
    var dataMsg ={
        menuId:jumpMsg,
        menuData: "",
        menuName:menuName,
        menuNameId : "el_" + $.encrypt.encode(JSON.stringify(menuName)) + "_end",
        menuSecId:"cont_" + $.encrypt.encode(JSON.stringify(menuName)) + "_end"
    };
    $.ajax({
        type : 'POST',
        url  : url,
        data: "",
        dataType:"text",
        success:function (data) {
            dataMsg.menuData = data;
            var isMenuID = document.getElementById(dataMsg.menuNameId);
            if (isEmpty(isMenuID)){
                var strLi = "<li id='" + dataMsg.menuNameId +"'>\n" +
                    "<a>" +
                    "      <span>" + menuName + "</span>\n" +
                    "      <i class=\"full-right glyphicon glyphicon-remove del\"  style='padding-top: 1px;width: 1px;height: 1px;float: right'></i>\n" +
                    "</a>"+
                    "                </li>";
                contScr.append(strLi);
                var strSec = "<div id='" + dataMsg.menuSecId + "' class='cont-index cont-center'>" + dataMsg.menuData + "</div>";
                wrapCont.append(strSec);
            }
            jqTabs();
            var contEl = document.getElementById(dataMsg.menuNameId);
            $(contEl).addClass('active').siblings(this).removeClass('active');
            var contSrc = document.getElementById(dataMsg.menuSecId);
            $(contSrc).addClass("active").siblings(this).removeClass('active');
            $(contSrc).css("display" , 'block').siblings().css("display" , 'none');
        }
    });

}

